<!--  -->
<template>
    <section class="content-banner">
        <div class="content-banner__content-rebrand-content_banner">
            <div class="container content-banner__content container">
              <img src="../../assets/images/home/20251028223155.jpg?v=1" style="width: 100%"
                    loading="lazy">
<!--                <div class="content-banner__text content-banner__text-content_banner">We offer trusted products, backed-->
<!--                    by science and made with great ingredients.</div>-->
            </div>
            <div class="content-banner__gradient content-banner__gradient-rebrand-content_banner"></div>
        </div>
    </section>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    mounted() {

    },
    methods: {

    },
}
</script>
<style scoped>
.content-banner__content-rebrand-content_banner {
    background-color: #74a868;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.content-banner__content {
    min-height: 260px;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container {
    max-width: 1680px;
    padding-left: 60px;
    padding-right: 60px;
}

.content-banner__gradient-rebrand-content_banner {
    width: 100%;
    height: 4px;
    background: linear-gradient(269.9deg, rgba(172, 152, 48, 1) 0.07%, rgba(198, 181, 92, 1) 27.24%, rgba(244, 224, 152, 1) 53.36%, rgba(192, 174, 86, 1) 78.44%, rgba(172, 152, 48, 1) 100.38%);
}
</style>
